<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>忘记密码</title>  
    <link rel="stylesheet" href="../libs/mui/mui.css" />
	<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="../css/login.css"/>
	<link rel="stylesheet" type="text/css" href="../css/main.css"/>	
	<style>
		/*头部*/	
		body,.mui-content{background: white;}
		.mui-bar.mui-bar-nav{ background: white;}
		.mui-bar.mui-bar-nav a,.mui-bar.mui-bar-nav h1,.mui-bar.mui-bar-nav h5,.mui-bar.mui-bar-nav input{ color: black;}
		#login-form{padding: 10% 20px;}		
		#login-form .mui-table-view{background: none;}				
		.mui-table-view-cell{padding: 4px 0;}	
		/*验证*/					
		.wid70{width: 72%;display: inline-block;background: white;}
		.wid30{width: 28%;background: white;color: white;float: right;display: inline-block;padding: 15px 0;text-align: center;}
		.wid30 span{background: #cccccc;padding: 7px 15px;border-radius: 3px;font-size: 14px;}
	</style>
</head>
<body>	
	<header class="mui-bar mui-bar-nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">忘记密码</h1>
	</header>
	<div class="mui-content">
		<form id='login-form'>	
			<div style="display: inline-block;width: 100%;">
				<div class="mui-pull-left wid70">
					<div class="mui-input-row">
						<label style="width: 25%;"><i class="iconfont mui-icon">&#xe62a;</i></label>
						<input style="width: 75%;" type="number"  class="phone" placeholder="手机号"/>											
					</div>	
				</div>
				<div class="wid30 mui-pull-left">
					<span id="daojishi">验证</span>
				</div>
			</div>
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row">
						<label><i class="iconfont mui-icon">&#xe616;</i></label>
						<input type="number"  class="yzm" placeholder="验证码"/>
					</div>	
				</div>					
			</div>	
			<div class="res_pasw res_pasw2" data-type="passwd">				
				<button type="button">下一步</button>
			</div>
		</form>	
	</div>
</body>
<script type="text/javascript" src="../js/mui.min.js"></script>
<script type="text/javascript" src="../libs/jquery/jquery.js"></script>
<script type="text/javascript" src="../js/function.js"></script>
<script type="text/javascript" src="../js/open.js"></script>
<script type="text/javascript" src="../js/web_js/public.js" ></script>
<script type="text/javascript" src="../js/web_js/regist.js" ></script>
<script>
	$("#login-form").on('tap',function(){
	    $(".mui-input-row label").css("color","#338efc");  
	  })
</script>
</html>